<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>编辑地址</title>
    <link rel="stylesheet" href="../CSS/common.css">
    <link rel="stylesheet" href="../CSS/top.css">
    <link rel="stylesheet" href="../CSS/BianJi.css">
</head>

<body>
    <!-- 头部/2 -->
    <header>
        <a href="./ShouHuo.html">
            <img src="../img//fh.png" alt="">
        </a>
        <span>收获地址</span>
    </header>
    <section class="warp">
        <form action="">
            <input type="text" placeholder="收件人姓名" value="小米">
            <input type="text" placeholder="手机或电话" value="1585541565">
            <input type="text" placeholder="居住省份" value="浙江省 杭州市">
            <input type="text" placeholder="收货地址" value="西溪雅苑">
            <input type="text" placeholder="详细地址" value="2号楼 一单元 302">
            <img src="../img/gerx.png" alt="" class="img-1">
            <img src="../img/gerx.png" alt="" class="img-2">
        </form>
    </section>
    <section class="warp-1">
        <p>地址类型</p>
        <div class="div-1">
            <div>住址</div>
            <div>公司</div>
            <div>学校</div>
            <div>其他</div>
        </div>
    </section>
    <button class="button-1">删除此地址</button>
    <div class="yinchang">
        <p>确认删除此地址吗？</p>
        <button class="button-2">取消</button>
        <button class="button-3">确认</button>
    </div>
    <p class="pp">删除成功</p>
    <footer>
        <a href="#">
            <button>保存</button>
        </a>
    </footer>
    <script src="../JS/flexible.js"></script>
    <script src="../JS/jquery.3.5.1.js"></script>
    <script>
        $(function () {
            $('.button-1').click(function () {
                $('.yinchang').show()
            });
            $('.button-2').click(function () {
                $('.yinchang').hide()
            });
            $('.button-3').click(function () {
                $('.yinchang').hide().siblings('.pp').show()
                setTimeout(function () {
                    $('.pp').hide()
                    location.href = './ShouHuo.html';
                }, 3000)
            })
        })
    </script>s
</body>

</html>